﻿<%@ Page Title="" Language="C#" MasterPageFile="~/site.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CodeCamp12.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server">
    <link href="owl.carousel.css" rel="stylesheet" />
    <link href="owl.theme.css" rel="stylesheet" />

    <script src="Scripts/Home.js" type="text/javascript"></script>
    <script src="Scripts/owl.carousel.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#owl-slider").owlCarousel({
                autoPlay: 3000, //Set AutoPlay to 3 seconds
                slideSpeed: 300,
                paginationSpeed: 450,
                singleItem: true
            });
        });
    </script>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">
    <br/>
     <h1 style=" font-weight: bold; font-size: 1.8em; color: #395;">Welcome to MkNET User Group CodeCamp events</h1>
       <br/>
    <div id="owl-slider" style="position:relative;left:20px;">          
        <div class="item"><img src="images/slider/2.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/4.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/5.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/6.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/10.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/8.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/9.jpg" alt="Code Camp 2013"></div> 
        <div class="item"><img src="images/slider/11.jpg" alt="Code Camp 2013"></div> 
        <div class="item"><img src="images/slider/12.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/13.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/14.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/16.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/17.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/18.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/19.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/21.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/24.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/25.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/26.jpg" alt="Code Camp 2013"></div>
        <div class="item"><img src="images/slider/28.jpg" alt="Code Camp 2013"></div>
    </div>
    
    <div id="Announcements">
        <br />
        <h4>Announcements:</h4>
        <script id="AnnouncementTemplate" type="text/x-jQuery-tmpl">
            <div class='AnDiv'>
                <table>
                    <tr>
                        <a href='${Link}' class="title">${Title}</a>
                        <br />
                        <label style="font-size:x-small">[${Date}]</label>
                    
                    </tr>
                    <tr>
                         <br />
                         <br/>
                        {{html Description}}<a href='${Link}' class='more'>[More]</a>
                    </tr>
                </table>
            </div>
        </script>
   </div>
   <br/>
   <br/>
   <br/>
   <a href="AllNotifications.aspx" id="allNotif" style="display: none;">See all notifications >></a>
</asp:Content>
